<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>HTML Site Map</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<style type="text/css">
		body {
			background-color: #fff;
			font-family: "Roboto", "Helvetica", "Arial", sans-serif;
			margin: 0;
		}

		#top {

			background-color: #b1d1e8;
			font-size: 16px;
			padding-bottom: 40px;
		}

		nav {
			font-size: 24px;

			margin: 0px 30px 0px;
			border-bottom-left-radius: 6px;
			border-bottom-right-radius: 6px;
			background-color: #f3f3f3;
			color: #666;
			box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
			padding: 10px 0;
			text-align: center;
			z-index: 1;
		}

		h3 {
			margin: auto;
			padding: 10px;
			max-width: 600px;
			color: #666;
		}

		h3 span {
			float: right;
		}

		h3 a {
			font-weight: normal;
			display: block;
		}


		#cont {
			position: relative;
			border-radius: 6px;
			box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

			background: #f3f3f3;

			margin: -20px 30px 0px 30px;
			padding: 20px;
		}

		a:link,
		a:visited {
			color: #0180AF;
			text-decoration: underline;
		}

		a:hover {
			color: #666;
		}


		#footer {
			padding: 10px;
			text-align: center;
		}

		ul {
			margin: 0px;

			padding: 0px;
			list-style: none;
		}
		li {
			margin: 0px;
		}
		li ul {
			margin-left: 20px;
		}

		.lhead {
			background: #ddd;
			padding: 10px;
			margin: 10px 0px;
		}

		.lcount {
			padding: 0px 10px;
		}

		.lpage {
			border-bottom: #ddd 1px solid;
			padding: 5px;
		}
		.last-page {
			border: none;
		}
	</style>
</head>

<body>
<div id="top">
	<nav>{$Think.server.server_name} HTML Site Map</nav>
	<h3>
		<span>Last updated: {:date("Y-m-d", $Think.server.request_time)}</span>
		<a href="{:request()->domain()}">{$Think.server.server_name} Homepage</a>
	</h3>
</div>
<div id="cont">
	<ul class="level-0">

		<li class="lhead">Navigation/  <span class="lcount"></span></li>

		{cms:channellist type="top" row="200" id="nav" condition="1=isnav"}
		<li class="lpage"><a href="{$nav.fullurl}" title="{$nav.name}" >{$nav.name}</a></li>
		{cms:channellist typeid="nav['id']" type="son" id="sub" condition="1=isnav"}
		<li class="lpage">&nbsp;&nbsp;┣<a href="{$sub.fullurl}" title="{$sub.name}" >{$sub.name}</a></li>
		{/cms:channellist}
		{/cms:channellist}

	</ul>
	<ul class="level-1">

		{cms:channellist type="top" row="200" id="nav" condition="1=isnav"}
		<li class="lhead">{$nav.name}/  <span class="lcount">{$nav.items + 1} pages</span></li>
		{if !$nav.has_child}
		{cms:arclist channel="$nav.id" row="999999" flag="" type="sons" id="item" orderby="weigh" orderway="desc" addon="true"}
		<li class="lpage"><a href="{if $item.outlink}{$item.outlink}{else}{$item.fullurl}{/if}" title="{$item.title}" target="_blank" >{$item.title}</a></li>
		{/cms:arclist}
		{/if}

		{cms:channellist typeid="nav['id']" type="son" id="sub" condition="1=isnav"}
		<li class="lhead">&nbsp;&nbsp;┣{$sub.name}/  <span class="lcount">{$sub.items} pages</span></li>
		{if 0 == $nav.items && 0 < $sub.items}
		{cms:arclist channel="$sub.id" row="999999" flag="" type="sons" id="item" orderby="weigh" orderway="desc" addon="true"}
		<li class="lpage"><a href="{if $item.outlink}{$item.outlink}{else}{$item.fullurl}{/if}" title="{$item.title}" target="_blank" >{$item.title}</a></li>
		{/cms:arclist}
		{/if}

		{/cms:channellist}
		{/cms:channellist}
	</ul>

</div>

</body>
</html>